<div class="col-lg-10">
    <fieldset>
      <legend>Latest peoples</legend>
    </fieldset>
    <div id="list-person-home" class="row">
      <?php if(count($peoples)) : ?>
          <?php foreach($peoples as $people) : ?>
                <div class="col-lg-3 item-person-in-list">
                    <div class="item-add-person">
                        <div class="thumbnail" style="height:135px; overflow:hidden">
                          <?php if($people['photo_cover'] !== null) : ?>
                            <img src="<?php echo base_url() . $people['photo_cover'] ?>" alt="<?php echo $people['name']?>" class="img-polaroid">
                          <?php else : ?>
                            <img data-src="holder.js/300x200" alt="<?php echo $people['name']?>">
                          <?php endif ?>
                        </div>
                        <div class="caption">
                          <h4><a href="<?php echo site_url('person/' . $people['id'].'-' . $this->util->alias($people['name']))?>"><?php echo $people['name']?></h4></a>
                          <p>
                            <?php echo $this->person_model->get_name_state($people['state'])?>, 
                            <?php echo $this->person_model->get_name_country($people['country'])?>, 
                            <?php echo $people['age']?> Age
                          </p>
                          
                        </div>
                    </div>
                </div>
          <?php endforeach ?>
       <?php else : ?>
          <p>No record now</p>
       <?php endif ?>
     </div> 
     <div class="row" id="btn-load-more" style="text-align:center">
        <button class="btn btn-default btn-mini" onclick="loadMorePerson()" id="loadload">Load more</button>
     </div>
</div>